<html>
    <head>
        <meta charset="utf-8" />
        <title> Creez votre Event !</title>
        <script type="text/javascript" src="media/js/geolocalisationEvent.js"></script>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
        <link rel="stylesheet" href="media/css/creerEvent.css" type="text/css" />
    </head>

    <body onload="initialize()">

        <h1> Votre Formulaire de création d'Event </h1>	
        <form method="post" action="controleurs/traitementEvent.php" enctype="multipart/form-data">
          <div id="creer">  
			<fieldset>
			<legend>Votre Event</legend>
			
			<label for="nom">Nom de l'Event :</label>
                <input name="nom" id="nom" type="text"  />  <br />

            <label for="description">Description de l'Event :</label> </br>
                <textarea name="description" id="description" cols="70" rows="4"> </textarea>  <br />

            <label for="theme">Theme de votre Event :</label>
                <select class="theme" id="theme" name="theme">
                    <option value="sport">Sport</option>
                    <option value="musique">Musique</option>
                    <option value="gastronomie">Gastronomie</option>
                    <option value="culture">Culture</option>
                    <option value="soiree">Soirée</option>
                    <option value="autres">Autres</option>
                </select> <br />
			</fieldset>
			
			<br/>

			<fieldset>
			<legend>Informations utiles</legend>
			
            <label for="date">Date de votre Event :</label>
                <input name="date" type="date" title="Date (aaaa-mm-jj)" value="2013-01-15"/> </br>

            <label for="timeDebut">Heure de début :</label>
				<select name="heureDebut" id="heureDebut">
                    <option value="00">00</option>
                    <option value="01">01</option>
                    <option value="02">02</option>
                    <option value="03">03</option>
                    <option value="04">04</option>
                    <option value="05">05</option>
                    <option value="06">06</option>
                    <option value="07">07</option>
                    <option value="08">08</option>
                    <option value="09">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                    <option value="18">18</option>
                    <option value="19">19</option>
                    <option value="20">20</option>
                    <option value="21">21</option>
                    <option value="22">22</option>
                    <option value="23">23</option>
                </select>

                h
                <select name="minuteDebut" id="minuteDebut">
                    <option value="00">00</option>
                    <option value="05">05</option>
                    <option value="10">10</option>
                    <option value="15">15</option>
                    <option value="20">20</option>
                    <option value="25">25</option>
                    <option value="30">30</option>
                    <option value="35">35</option>
                    <option value="40">40</option>
                    <option value="45">45</option>
                    <option value="50">50</option>
                    <option value="55">55</option>
                </select>
                min


                <br />
            <label for="timeFin">Heure de fin :</label>
				<select name="heureFin" id="heureFin">
                    <option value="00">00</option>
                    <option value="01">01</option>
                    <option value="02">02</option>
                    <option value="03">03</option>
                    <option value="04">04</option>
                    <option value="05">05</option>
                    <option value="06">06</option>
                    <option value="07">07</option>
                    <option value="08">08</option>
                    <option value="09">09</option>
                    <option value="10">10</option>
                    <option value="11">11</option>
                    <option value="12">12</option>
                    <option value="13">13</option>
                    <option value="14">14</option>
                    <option value="15">15</option>
                    <option value="16">16</option>
                    <option value="17">17</option>
                    <option value="18">18</option>
                    <option value="19">19</option>
                    <option value="20">20</option>
                    <option value="21">21</option>
                    <option value="22">22</option>
                    <option value="23">23</option>
                </select>

                h
                <select name="minuteFin" id="minuteFin">
                    <option value="00">00</option>
                    <option value="05">05</option>
                    <option value="10">10</option>
                    <option value="15">15</option>
                    <option value="20">20</option>
                    <option value="25">25</option>
                    <option value="30">30</option>
                    <option value="35">35</option>
                    <option value="40">40</option>
                    <option value="45">45</option>
                    <option value="50">50</option>
                    <option value="55">55</option>
                </select>
                min


                <br />


            <label for="adresse">Adresse de votre Event * :</label>
				
    		<input id="address" type="textbox" name="adresse" size="40"  >
    		<input type="button" value="enregistrer la localisation de l'Event" onclick="codeAddress()"></br>
			<input type="hidden" name="longitude" id="lng" >
			<input type="hidden" name="latitude" id="lat" >
  

            <label for="ageMin">Age minimum :</label>
                <input type="text" name="ageMin" maxlength="2"/> <br/>

            <label for="tarif">Tarif :</label>
                <input type="text" name="tarif" />	</br>

            <label for="nombrePlace">Nombre de place :</label>
                <input type="text" name="nombrePlace" /> </br>
                
            <label for="photo">Photo (200x100) :</label>
                <input type="file" name="photo" /> </br>
                <p> * permet aux autres utilisateurs de voir</br>
                	   la localisation de l'Event sur la carte plan.</p>
			</fieldset>
			
                <span class='bout1'></span><input  type="submit" value="Valider" /> <input type="reset" value="Réinitialiser le formulaire" /></span>
			</div>	
			
            </form>


    </body>
</html>